<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>最终幻想15</title>
		<meta name="description" content="">
		<meta name="keywords" content="">
		<meta name="author" content="">
		
		<link rel="stylesheet" type="text/css"  href="css/bootstrap.css">
		<link rel="stylesheet" type="text/css" href="fonts/font-awesome/css/font-awesome.css">
		<link href="css/owl.carousel.css" rel="stylesheet" media="screen">
		<link href="css/owl.theme.css" rel="stylesheet" media="screen">
		<link rel="stylesheet" type="text/css"  href="css/style.css">
		<link rel="stylesheet" type="text/css" href="css/responsive.css">
		
		<script type="text/javascript" src="js/modernizr.custom.js"></script>
	</head>
	<body>
		<nav id="tf-menu" class="navbar navbar-default navbar-fixed-top">
			<div class="container">
				<div class="navbar-header">
	  				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
	  				</button>
				</div>
				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
	  				<ul class="nav navbar-nav navbar-right">
						<li><a href="#tf-home" class="page-scroll">主页</a></li>
						<li><a href="#tf-about" class="page-scroll">前言</a></li>
						<li><a href="#tf-team" class="page-scroll">角色</a></li>
						<li><a href="#tf-works" class="page-scroll">版本</a></li>
						<li><a href="#tf-testimonials" class="page-scroll">攻略</a></li>
						<li><a href="#tf-contact" class="page-scroll">联系我们</a></li>
	  				</ul>
				</div>
			</div>			
		</nav>
		
		<!--主页-->
		<div id="tf-home" class="text-center">
			<div class="overlay">
				<div class="content">
					<h1><strong><span class="color">请开启游山玩水的复仇之旅！！！ </span></strong></h1>
					<a href="#tf-about" class="fa fa-angle-down page-scroll"></a>
				</div>
			</div>
		</div>
		
		<!--前言-->
		<div id="tf-about">
			<div class="container">
				<div class="row">
					<div class="col-md-6">
						<img src="img/02.jpg" class="img-responsive">
					</div>
					<div class="col-md-6">
						<div class="about-text">
							<div class="section-title">
								<h4>前言</h4>
								<h2>前世今生 <strong>最终幻想</strong></h2>
								<hr>
								<div class="clearfix"></div>
							</div>
							<p class="intro">&nbsp;&nbsp;&nbsp;&nbsp;十年前，FF12的落幕给旧水晶传说画上了一个圆满的句号，与此同时“新水晶传说”的故事也在同年开始了构思。于是，从最初的《最终幻想13 Versus》到后来更名重做，《最终幻想15》的开发过程几经波折，命途多舛。但好在一番颠沛流离之后，它最终还是浴火重生，并将于11月29日正式亮相！</p>
							<ul class="about-list">
								<li>
									<span class="fa fa-dot-circle-o"></span>
									<strong>新特点1</strong> - <em>增加异样水晶攻防，体验水晶传说。</em>
								</li>
								<li>
									<span class="fa fa-dot-circle-o"></span>
									<strong>新特点2</strong> - <em>十年磨一剑”的系列最新作延续辉煌更上一层楼。</em>
								</li>
								<li>
									<span class="fa fa-dot-circle-o"></span>
									<strong>新特点3</strong> - <em>水晶世界老兵们新的狂欢盛宴。</em>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<!--角色-->
		<div id="tf-team" class="text-center">
			<div class="overlay">
				<div class="container">
					<div class="section-title center">
						<h2>主要 <strong>角色</strong></h2>
						<div class="line">
							<hr>
						</div>
					</div>

					<div id="team" class="owl-carousel owl-theme row">
						<div class="item">
							<div class="thumbnail">
								<img src="img/team/01.jpg" alt="..." class="img-circle team-img">
								<div class="caption">
									<h3>桑菲罗斯</h3>
									<p>战士 / 职位</p>
									<p>路西斯王国的下一任国王。外表个性冷静，内在也有着热血的一面，因感情的变化，眼睛和头发的颜色也有所改变。</p>
								</div>
							</div>
						</div>
	
						<div class="item">
							<div class="thumbnail">
								<img src="img/team/02.jpg" alt="..." class="img-circle team-img">
								<div class="caption">
									<h3>克劳德</h3>
									<p>射手  / 职位</p>
									<p>20岁，诺克特的同伴之一。性格开朗的阳光男孩，伙伴中的开心果，喜好女色。</p>
								</div>
							</div>
						</div>
	
						<div class="item">
							<div class="thumbnail">
								<img src="img/team/03.jpg" alt="..." class="img-circle team-img">
									<div class="caption">
									<h3>扎克斯</h3>
									<p>坦克  / 职位</p>
									<p>22岁，诺克特的同伴之一。特征是戴眼镜，身材颀长，头发上扬，有着轻松气氛的人。</p>
								</div>
							</div>
						</div>
	
						<div class="item">
							<div class="thumbnail">
								<img src="img/team/04.jpg" alt="..." class="img-circle team-img">
								<div class="caption">
									<h3>蕾菲娅</h3>
									<p>法师  / 职位</p>
									<p>简称“露娜(ルーナ，Luna)”。隶属于帝国(尼弗海姆帝国)的戴涅布莱王国的千金。</p>
								</div>
							</div>
						</div>
		
						<div class="item">
							<div class="thumbnail">
								<img src="img/team/05.jpg" alt="..." class="img-circle team-img">
								<div class="caption">
									<h3>维吉尔</h3>
									<p>CEO  / 职位</p>
									<p>23岁，克特的同伴之一。胸口和手腕上有着和左眼相似的伤疤，体格高大的青年，伙伴中昵称格拉迪欧。</p>
								</div>
							</div>
						</div>
		
						<div class="item">
							<div class="thumbnail">
								<img src="img/team/06.jpg" alt="..." class="img-circle team-img">
								<div class="caption">
									<h3>卡丹裘</h3>
									<p>CEO  / 职位</p>
									<p>路西斯王国第113任国王，神圣水晶之守护者。诺克特的父亲，施展“魔法障壁”守护着王都因索姆尼亚并养育诺克堤斯长大。</p>
								</div>
							</div>
						</div>
		
						<div class="item">
							<div class="thumbnail">
								<img src="img/team/07.jpg" alt="..." class="img-circle team-img">
								<div class="caption">
									<h3>杰尼西斯</h3>
									<p>CEO  / 职位</p>
									<p>尼福海姆帝国宰相。特征是紫发，语音有点娘娘腔，有时戴高帽。在预告片中和海德拉对过话。他是位头脑非常聪明的角色，也是游戏中极其重要的人物。</p>
								</div>
							</div>
						</div>
		
						<div class="item">
							<div class="thumbnail">
								<img src="img/team/08.jpg" alt="..." class="img-circle team-img">
								<div class="caption">
									<h3>斯图皮欧</h3>
									<p>CEO  / 职位</p>
									<p>位于路西斯领地内的装备工厂“HAMMER HEAD”的店长。30年前与雷吉斯一起旅行的同伴之一，即使年迈的现在仍有着超一流的机械技术。</p>
								</div>
							</div>
						</div>
					</div>			
				</div>
			</div>
		</div>
		
		<!--版本信息-->
		<div id="tf-works">
			<div class="container"> <!-- Container -->
				<div class="section-title text-center center">
					<h2><strong>版本</strong> 信息</h2>
					<div class="line">
						<hr>
					</div>
					<div class="clearfix"></div>
					<small><em>《最终幻想XV》（Final Fantasy XV，简称：FFXV、FF15）是由史克威尔艾尼克斯开发制作的动作角色扮演类游戏，于2015年3月17日发行了试玩版。
								该作品支持PS4和Xbox One是《最终幻想》系列、《FABULA NOVA CRYSTALLIS FINAL FANTASY》系列之一。
								该作是《最终幻想》系列的第15部正传作品，剧情集中在试图争夺水晶的战争国家的入侵，表现了广阔的世界，和伙伴们一起去看看的旅行。
								《最终幻想XV》获得2017年TGS日本游戏大赏优秀奖。
							<br />
								<strong>最终幻想15包括三版：普通板，终极收藏版，豪华版，以此来满足游戏玩家的不同游戏体验。</strong>
					</em></small>
				</div>
				<div class="space"></div>
		
				<div class="categories">
					
					<ul class="cat">
						<li class="pull-left"><h4>版本分类:</h4></li>
						<li class="pull-right">
							<ol class="type">
								<li><a href="#" data-filter="*" class="active">全部</a></li>
								<li><a href="#" data-filter=".web">普通版</a></li>
								<li><a href="#" data-filter=".photography">过往版本</a></li>
								<li><a href="#" data-filter=".app" >豪华版</a></li>
								<li><a href="#" data-filter=".branding" >终极收藏版</a></li>
							</ol>
						</li>
					</ul>
					<div class="clearfix"></div>
				</div>
		
				<div id="lightbox" class="row">
		
					<div class="col-sm-6 col-md-3 col-lg-3 branding">
						<div class="portfolio-item">
							<div class="hover-bg">
								<a href="#">
									<div class="hover-text">
										<h4><strong>终极版</strong></h4>
										<small>2180港币 / 269.99美元<br />全球限量发行30000套</small>
										<div class="clearfix"></div>
										<i class="fa fa-plus"></i>
									</div>
									<img src="img/portfolio/01.jpg" class="img-responsive" alt="...">
								</a>
							</div>
						</div>
					</div>
		
					<div class="col-sm-6 col-md-3 col-lg-3 photography app">
						<div class="portfolio-item">
							<div class="hover-bg">
								<a href="#">
									<div class="hover-text">
										<h4><strong>豪华版</strong></h4>
										<small>369港币 / 698美元<br />豪华版即铁盒版，也是国行的初回限量版</small>
										<div class="clearfix"></div>
										<i class="fa fa-plus"></i>
									</div>
									<img src="img/portfolio/02.jpg" class="img-responsive" alt="...">
								</a>
							</div>
						</div>
					</div>
		
					<div class="col-sm-6 col-md-3 col-lg-3 branding">
						<div class="portfolio-item">
							<div class="hover-bg">
								<a href="#">
									<div class="hover-text">
										<h4><strong>终极版</strong></h4>
										<small>2180港币 / 269.99美元<br />全球限量发行30000套</small>
										<div class="clearfix"></div>
										<i class="fa fa-plus"></i>
									</div>
									<img src="img/portfolio/03.jpg" class="img-responsive" alt="...">
								</a>
							</div>
						</div>
					</div>
		
					<div class="col-sm-6 col-md-3 col-lg-3 branding">
						<div class="portfolio-item">
							<div class="hover-bg">
								<a href="#">
									<div class="hover-text">
										<h4><strong>终极版</strong></h4>
										<small>2180港币 / 269.99美元<br />全球限量发行30000套</small>
										<div class="clearfix"></div>
										<i class="fa fa-plus"></i>
									</div>
									<img src="img/portfolio/04.jpg" class="img-responsive" alt="...">
								</a>
							</div>
						</div>
					</div>
		
					<div class="col-sm-6 col-md-3 col-lg-3 web">
						<div class="portfolio-item">
							<div class="hover-bg">
								<a href="#">
									<div class="hover-text">
										<h4><strong>普通版</strong></h4>
										<small>319港币 / 349美元<br /> 不限量</small>
										<div class="clearfix"></div>
										<i class="fa fa-plus"></i>
									</div>
									<img src="img/portfolio/05.jpg" class="img-responsive" alt="...">
								</a>
							</div>
						</div>
					</div>
		
					<div class="col-sm-6 col-md-3 col-lg-3 app">
						<div class="portfolio-item">
							<div class="hover-bg">
								<a href="#">
									<div class="hover-text">
										<h4><strong>豪华版</strong></h4>
										<small>369港币 / 698美元<br />豪华版即铁盒版，也是国行的初回限量版</small>
										<div class="clearfix"></div>
										<i class="fa fa-plus"></i>
									</div>
									<img src="img/portfolio/06.jpg" class="img-responsive" alt="...">
								</a>
							</div>
						</div>
					</div>
		
					<div class="col-sm-6 col-md-3 col-lg-3 photography web">
						<div class="portfolio-item">
							<div class="hover-bg">
								<a href="#">
									<div class="hover-text">
										<h4><strong>普通版</strong></h4>
										<small>319港币 / 349美元<br /> 不限量</small>
										<div class="clearfix"></div>
										<i class="fa fa-plus"></i>
									</div>
									<img src="img/portfolio/07.jpg" class="img-responsive" alt="...">
								</a>
							</div>
						</div>
					</div>
		
					<div class="col-sm-6 col-md-3 col-lg-3 web">
						<div class="portfolio-item">
							<div class="hover-bg">
								<a href="#">
									<div class="hover-text">
										<h4><strong>普通版</strong></h4>
										<small>319港币 / 349美元<br /> 不限量</small>
										<div class="clearfix"></div>
										<i class="fa fa-plus"></i>
									</div>
									<img src="img/portfolio/08.jpg" class="img-responsive" alt="...">
								</a>
							</div>
						</div>
					</div>
		
				</div>
			</div>
		</div>
		
		<!--游戏攻略-->
		<div id="tf-testimonials" class="text-center">
			<div class="overlay">
				<div class="container">
					<div class="section-title center">
						<h2> 游戏 <strong>攻略</strong></h2>
						<div class="line">
							<hr>
						</div>
					</div>
					<div class="row">
						<div class="col-md-8 col-md-offset-2">
							<div id="testimonial" class="owl-carousel owl-theme">
								<div class="item">
									<h5>金币是固定收入，无法被改变。虽然总量相当可观，但通过这一项经济来源，想创造出经济差是不可能的。这里需要确立一个观念：在这个游戏里，经济差很重要；相较而言，在经济差相近的情况下，经济总量对游戏的结果影响极小。潜在的影响包括：双方对刷，则偏后期的阵容会得到优势；双方对刷，则双方拆塔和打龙都会比较快——容错率降低。但这种影响，相对于1W经济差时优势方摧枯拉朽的推进，对胜率的倾斜要弱的多。</h5>
									<p><strong>经济攻略</strong> ——遨游的毛毛虫</p>
								</div>
		
								<div class="item">
									<h5>玩家必须确保资源能够足量而且稳定的获得供应。另一方面，干扰敌方的资源采集也是致胜的方法。通常在即时战略游戏中，玩家在初始区域所能采集到的资源都颇为有限，所以必须尽快找寻其它的资源区。不过也有一些关卡，在初始区域就布置了大量的资源，在这种情况下，资源对胜败的影响力就会减小。</h5>
									<p><strong>战略攻防</strong>, ——哈撒给</p>
								</div>
		
								<div class="item">
									<h5>玩家需要一些非常炫的画面效果来提供刺激体验，但这种刺激感是应该是瞬间的，玩家需要更新鲜，更刺激的内容再次唤醒他的情绪，刺激性画面效果的时长是需要控制的。</h5>
									<p><strong>体验攻略</strong>, ——Alice-huang</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<!--联系我们-->
		<div id="tf-contact" class="text-center">
			<div class="container">
		
				<div class="row">
					<div class="col-md-8 col-md-offset-2">
		
						<div class="section-title center">
							<h2>有何感想 <strong>说给我们</strong></h2>
							<div class="line">
								<hr>
							</div>
							<div class="clearfix"></div>
								<small><em>&nbsp;本次更新主要以系列共通的新水晶神话为基础，同时展开独立的世界观、使用不同的视觉设计以及角色。游戏主人公诺克提斯·路西斯·凯拉姆是路西斯王国的王子，这个王族保护世界仅存的一颗水晶，并支配一个技术先进的城邦。
									游戏采用场景可无缝切入战斗的定制系统，玩家可以使用跳跃和短跳跃键发动连续攻击、与伙伴合作攻击动作，有很大自由来选择偏爱的战斗方式。<br/><strong>当然，游戏也还存在许多不足，欢迎各位踊跃提出自己的观点，我们会在后续的更新中，满足大家的，祝大家游戏愉快！</strong></em></small>            
							</div>
		
						<form>
							<div class="row">
								<div class="col-md-6">
									<div class="form-group">
										<label for="exampleInputEmail1">邮箱</label>
										<input type="email" class="form-control" id="exampleInputEmail1" placeholder="输入账号">
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										<label for="exampleInputPassword1">密码</label>
										<input type="password" class="form-control" id="exampleInputPassword1" placeholder="输入密码">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label for="exampleInputEmail1">内容</label>
								<textarea class="form-control" rows="3"></textarea>
							</div>							
							<button type="submit" class="btn tf-btn btn-default">提交</button>
						</form>		
					</div>
				</div>		
			</div>
		</div>
		
		<!--foot-->
		<nav id="footer">
			<div class="container">
				<div class="pull-left fnav">
					<p>Copyright &copy; 2017. hggl_bera 版权所有.</p>
				</div>
				<div class="pull-right fnav">
					<ul class="footer-social">
						<li><a href="#"><i class="fa fa-facebook"></i></a></li>
						<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
						<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
						<li><a href="#"><i class="fa fa-twitter"></i></a></li>
					</ul>
				</div>
			</div>
		</nav>
		
		<script type="text/javascript" src="js/jquery.1.11.1.js"></script>
		<script type="text/javascript" src="js/bootstrap.js"></script>
		<script type="text/javascript" src="js/SmoothScroll.js"></script>
		<script type="text/javascript" src="js/jquery.isotope.js"></script>
		<script src="js/owl.carousel.js"></script>
		<script type="text/javascript" src="js/main.js"></script>
	</body>
</html>
